﻿<!DOCTYPE html>
<html lang="ch">

<head>
	<meta charset="utf-8" />
	<title>缘来是你</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta name="description" content="">
	<meta name="keywords" content="" />
	<meta name="author" content="">
	<meta name="MobileOptimized" content="320" />
	<!--srart theme style -->
	<link rel="stylesheet" type="text/css" href="/static/css/animate.css">
	<link rel="stylesheet" type="text/css" href="/static/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="/static/css/font-awesome.css">
	<link rel="stylesheet" type="text/css" href="/static/css/owl.carousel.css">
	<link rel="stylesheet" type="text/css" href="/static/css/owl.theme.default.css">
	<link rel="stylesheet" type="text/css" href="/static/css/magnific-popup.css">
	<link rel="stylesheet" type="text/css" href="/static/css/fonts.css">
	<link rel="stylesheet" type="text/css" href="/static/css/style.css">
	<link rel="stylesheet" type="text/css" href="/static/css/llg/login.css">
	<script src="/static/js/vue.js"></script>
	<script src="/static/js/axios-0.18.0.js"></script>
</head>

<body>
	<!-- preloader Start -->
	<div class="llg-main-container">
		<div id="preloader">
			<div id="status"><img src="/static/images/header/preloader.gif" id="preloader_image" alt="loader">
			</div>
		</div>
		<!-- Header Wrapper Start -->
		<div section-scroll='0' class="wd_scroll_wrap">
			<div class="wd_slider_wrapper wd_single_index_menu">
				<div id="snow"></div>
				<div class="menu_fixed animated fadeInDown" style="width: 100vw;">
					<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
						<div class="wd_logo">
							<img src="/static/images/header/logo.png" alt="Logo" title="Logo" class="img-responsive">
							<button class="wd_menu_btn"><i class="fa fa-bars" aria-hidden="true"></i></button>
						</div>
					</div>
					<div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
						<div class="wd_mainmenu_wrapper">
							<div class="wd_main_menu_wrapper">
								<div class="wd_main_menu wd_single_index_menu">
									<ul>
										<li><a href="0">Home</a></li>
										<li><a href="1">About Us</a></li>
										<li><a href="2">Love Story</a></li>
										<li><a href="3">Events</a></li>
										<li><a href="4">Rsvp</a></li>
										<li><a href="5">Family</a></li>
										<li><a href="6">Gallery</a></li>
										<li><a href="7">Blog</a></li>
										<li><a href="8">Contact Us</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 左侧文字 -->
				<div class="wd_slider_textinfo">
					<img src="/static/images/header/name.png" alt="Slider Image" class="img-responsive">
					<h3>20 may 2018</h3>
					<h1>Save The Date</h1>
					<div class="clearfix"></div>
					<img src="/static/images/content/heading.png" alt="Heading" class="img-responsive">
				</div>
			</div>
		</div>

		<div id="loginApp" class="llg-form-container">
			<div class="wd_guest_formbox">
				<span>缘，妙不可言</span>
				<h4>Rsvp Here!</h4>
				<div class="wd_guest_form">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<label>Telephone :</label>
							<input type="text" v-model="loginData.telephone">
						</div>
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<label >SMS Code :</label>
							<input type="text" v-model="loginData.password">
						</div>
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<div class="wd_btn">
								<a href="javascript:void(0)" @click="login()">I am attending</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script>
			var loginApp = new Vue({

				el: "#loginApp",
				data: {
					loginData: {
						telephone: 0,
						password: ''
						
					}
				},
				mounted() {

				},
				methods: {
					login:function () {
						axios.get("/api/oauth/login?telephone="+loginApp.loginData.telephone+"&&password="+loginApp.loginData.password).then((response)=>{
							if(response.data.flag){

								alert("登陆成功！！");
							}else {
								alert("登陆失败！！")
							}


						})



					}

				}
			});
		</script>
		
	</div>

	<script type="text/javascript" src="/static/js/jquery.js"></script>
	<script type="text/javascript" src="/static/js/bootstrap.js"></script>
	<script type="text/javascript" src="/static/js/smoothscroll.js"></script>
	<script type="text/javascript" src="/static/js/owl.carousel.js"></script>
	<script type="text/javascript" src="/static/js/modernizr.js"></script>
	<script type="text/javascript" src="/static/js/jquery.magnific-popup.js"></script>
	<script type="text/javascript" src="/static/js/wow.js"></script>
	<script type="text/javascript" src="/static/js/custom.js"></script>


	<script>
		$(window).on("load", function () {
			var wow = new WOW({
				boxClass: 'wow',
				animateClass: 'animated',
				offset: 0,
				mobile: true,
				live: true
			});
			wow.init();
		});
	</script>
</body>

</html>